<template>
  <div class="showView">
     <BlogItem v-for="item in listArr" 
     :key="item.title" 
     :myTitle="item.title" 
     :myContent="item.content"/>

  </div>
</template>

<script>
import BlogItem from "./BlogItem"
export default {
  data(){
    return{
      listArr:[
        {title:"标题1",content:"内容111"},
        {title:"标题2",content:"内容222"},
        {title:"标题3",content:"内容333"}
    ]
   }
  },
  components:{
    BlogItem
  }
};
</script>

<style lang="less" scoped>
.ShowView{
  padding: 30px;
}

</style>